
<template>

<div class="product-banner">
    <div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide"  >
            <a hef="#">
                <img :src="ProductTitle.imageUrl" />
            </a>
        </div>

    </div>
    </div>   
</div>
          

</template>
<script>
    import { mapGetters }  from "vuex"
    export default { 
        computed: {
            ...mapGetters("ProductList",[
                "ProductTitle"
            ])
        }

    }
</script>

<style lang="stylus" scoped>
    .product-banner

        .swiper-container
            width 100%
            height 100%
            .swiper-wrapper
                height 100%
                .swiper-slide
                    height 100%
                    a
                        display block
                        width 100%
                        height 100%
                        img
                            width 80%
                            margin 0 10%
</style>
